<template>
    <div class="wrap">
  		<header-v></header-v>
  		
  		<div class="pro-content">
  				<div class="title">
						<strong>新闻中心</strong>
						<i></i>
						<p>NEWS CENTER</p>
					</div>
					<div class="content">
						<div class="tab">
							<router-link to="">高中辅导</router-link>
							<router-link to="">初中辅导</router-link>
							<router-link to="">小学辅导</router-link>
							<router-link to="">幼儿辅导</router-link>
							<router-link to="">寒暑假特训</router-link>
							<router-link to="">全部课程</router-link>
						</div>
						<ul>
							<li>
								<img src="../../assets/gz1.jpg" alt="" />
								<router-link to="">高中物理辅导</router-link>
							</li>
							<li>
								<img src="../../assets/gz2.jpg" alt="" />
								<router-link to="">高中生物</router-link>
							</li>
							<li>
								<img src="../../assets/gz3.jpg" alt="" />
								<router-link to="">高中地理辅导</router-link>
							</li>
							<li>
								<img src="../../assets/a3.jpg" alt="" />
								<router-link to="">初中物理辅导</router-link>
							</li>
							<li>
								<img src="../../assets/gz4.jpg" alt="" />
								<router-link to="">初中学校</router-link>
							</li>
							<li>
								<img src="../../assets/gz.jpg" alt="" />
								<router-link to="">小学英语辅导</router-link>
							</li>
							<li>
								<img src="../../assets/gz5.jpg" alt="" />
								<router-link to="">初中数学</router-link>
							</li>
							<li>
								<img src="../../assets/gz6.jpg" alt="" />
								<router-link to="">小学英语辅导</router-link>
							</li>
						</ul>
            <div class="page">
		          <router-link to="/" class="num"> < </router-link>
		          <router-link to="/" class="num active">1</router-link>
		          <router-link to="/" class="num">2</router-link>
		          <router-link to="/" class="num">3</router-link>
		          <router-link to="/" class="num">4</router-link>
		          <router-link to="/" class="num">5</router-link>
		          <span>...</span>
		          <router-link to="/" class="num">6</router-link>
		          <router-link to="/" class="num"> > </router-link>
            </div>
         	</div>
  		</div>
  		
  		<footer-v></footer-v>
  </div>
</template>


<script>
import header from '../public/header'
import footer from '../public/footer'

export default {
	
  components: {
  	headerV : header,
  	footerV : footer
  },
  data () {
    return {
        
    }
  },
  methods : {
    
  }
}
</script>


<style type="text/css" scoped="scoped">
	/* Product.style */

 	.tab {margin-bottom: 0.2rem; overflow: hidden;}
	.tab a{width: 0.9rem; height: 0.3rem; line-height: 0.3rem; text-align: center; color: rgba(67,67,67,1); display: block; float: left; border: 0.01rem solid rgba(217,217,217,1); margin-left: 0.11rem; margin-bottom: 0.1rem;}
	.pro-content .content li{border: 1px solid rgb(238, 238, 238); cursor: pointer; padding: 0.15rem; margin-bottom: 0.1rem; -webkit-transition: 0.3s; transition: 0.3s;}
	.pro-content .content ul{padding: 0 0.05rem;}
	.pro-content .content li:hover{border-color: #ba995b; -webkit-transition: 0.3s; transition: 0.3s;}
	.pro-content .content img{width:2.8rem; height: 2rem;}
	.pro-content .content li a{color: #5A5A5A; line-height: 0.25rem;}
	.pro-content .content li a:hover{color:#0064d4;}
</style>



















